<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>学习中心</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/mooc.css">
		<style type="text/css">
			.userdiv {
				background-color: #3ac9af;
				height: 145px;
				width: 100%;
				text-align: center;
				padding-top: 10px;
			}
			
			.userdiv img {
				height: 80px;
				width: 80px;
				border-radius: 100px;
				margin: auto auto;
			}
			.mui-content{
			   	margin-top:0px;
			   }
			.userdiv .username {
				margin-top: 10px;
				color: white;
				font-size: 20px;
			}
			
			.list .item {
				height: 55px;
				background-color: #ffffff;
				border-bottom: 1px solid #d5d5d5;
			}
			
			.item .icon {
				float: left;
				width: 30px;
				height: 30px;
			}
			
			.item .icon img {
				margin-left: 20px;
				margin-top: 12px;
				width: 25px;
				height: 25px;
			}
			
			.item .itemname {
				float: left;
				margin-top: 16px;
				margin-left: 40px;
				color: #535353;
				font-size: 18px;
			}
			
			.navigate-right:after {
				float: right;
				content: '\e583';
				margin-top: 15px;
				margin-right: 10px;
				;
				font-size: 30px;
				font-family: Muiicons;
				color: #b1c5c8;
			}
			.mui-scroll-wrapper{
				margin-top:145px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<!--登录 begin-->
			<div class="userdiv" id="userdiv">
				<div><img data-lazyload="1" id="userimg" src="../images/user_guest.png"></div>
				<div class="username" id="username"></div>
			</div>
			<!--登录 end-->
			<div class="mui-scroll-wrapper">
			<div class="list">
				<div class="item selfstudycourse">
					<span class="icon"><img src="../images/self_1.png"></span><span class="itemname">自学课程</span><span class="navigate-right"></span>
				</div>
				<div class="item onlinequestion">
					<span class="icon"><img src="../images/self_2.png"></span><span class="itemname">在线提问</span><span class="navigate-right"></span>
				</div>
				<div class="item studynote">
					<span class="icon"><img src="../images/self_3.png"></span><span class="itemname">学习笔记</span><span class="navigate-right"></span>
				</div>
				<div class="item classroomtest" style="display:none;">
					<span class="icon"><img src="../images/self_4.png"></span><span class="itemname">随堂检测</span><span class="navigate-right"></span>
				</div>
				<div class="item classdiscuss">
					<span class="icon"><img src="../images/self_5.png"></span><span class="itemname">班级研讨</span><span class="navigate-right"></span>
				</div>
				<div class="item task">
					<span class="icon"><img src="../images/self_6.png"></span><span class="itemname">我的作业</span><span class="navigate-right"></span>
				</div>
			</div>
			</div>
		</div>
		<!--
		<div class="itemlist" style="display:none;">
			<dl class="clearCache">
				<li class="icon">
					<img src="../images/wd_tubiao.png">
				</li>
				<li class="text">清除缓存</li>
				<li class="arrow">
					<img src="../images/arrow_right.png">
				</li>
			</dl>
		</div>
		
		<div class="itemlist" style="display:none;">
			<dl class="exitLogin">
				<li class="icon">
					<img src="../images/wd_tubiao.png">
				</li>
				<li class="text">退出登录</li>
				<li class="arrow">
					<img src="../images/arrow_right.png">
				</li>
			</dl>
		</div>
			-->
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../script/config.js"></script>
	<script src="../js/mui.lazyload.js"></script>
	<script src="../js/mui.lazyload.img.js"></script>
	<script src="../script/moocpublic.js"></script>
	<script src="../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/selfindex.js"></script>

	<script>
		//mui初始化
		mui.init();
		//plus初始化
		mui.plusReady(plusReady);
		//plusReady
		function plusReady() {
			//懒加载
			//mui(document).imageLazyload({
			//	placeholder: '../images/user_guest.png'
			//});
			//设置头像
			setUsertouxiang();
		};
		//设置头像
		function setUsertouxiang() {
			var localStorageManagers = require("script/localStorageManagers.js");
			var userinfo = localStorageManagers.getUserinfoSession();
			var userpath = fileServerAjax + userinfo.path;
			document.getElementById('username').innerHTML=userinfo.username;
			//document.getElementById('userimg').setAttribute('data-lazyload', userpath);
			if(userinfo.path!=null&&userinfo.path.length>0){
				console.log(userpath);
				document.getElementById('userimg').setAttribute('src', userpath);
			}else{
				document.getElementById('userimg').setAttribute('src', '../images/user_guest.png');
			}
		};
		//
		function setUsername(username){
			document.getElementById('username').innerHTML=username;
		}
		//设置头像
       function setTouxiang(path){
       	if(path.indexOf('.')!=-1)
	        document.getElementById('userimg').setAttribute('src', path);
       }
	</script>

</html>